<%--
  Created by IntelliJ IDEA.
  User: CURRY
  Date: 2021/10/13
  Time: 19:40
  To change this template use File | Settings | File Templates.
--%><%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" +
            request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="renderer" content="webkit">
    <title></title>

    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/pintuer.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/admin.css">

    <script type="text/javascript" src="<%=basePath%>static/lib/layui/layui.js" charset="utf-8"></script>

    <script src="${pageContext.request.contextPath}/static/js/jquery.js"></script>
    <script src="${pageContext.request.contextPath}/static/js/pintuer.js"></script>

    <script type="text/javascript" src="<%=basePath%>static/js/xadmin.js"></script>
    <script src="${pageContext.request.contextPath}/static/js/jqPaginator.js"></script>
</head>
<body>
<div class="x-nav">
    <xblock>
        <span class="x-right" style="line-height:40px" id="showTotal">共有数据：1 条</span>
    </xblock>
    <input type="hidden" value="${username}" id="username" name="username">
    <table class="table table-hover text-center">
        <tr>
            <th>ID</th>
            <th>姓名</th>
            <th>年龄</th>
            <th>性别</th>
            <th>入职日期</th>
            <th>科室</th>
            <th>登陆的用户名</th>

        </tr>
        <tbody id="tab"></tbody>
        <tr>
            <td colspan="10" align="center">
                <ul class="pagination" id="pagination1"></ul>
            </td>
        </tr>
    </table>
</div>
</form>
<script type="text/javascript">
    // 总页数
    var totalPages = 0;
    // 总条数
    var totalCounts = 0;
    // 当前页
    var currentPage = 0;
    // 页面加载完成就去执行此代码，主要目的就是加载按钮，以及当页面中pageNum发生变化时，去执行后台查询数据方法
    $(document).ready(function () {
        // 第一次执行selectAllUser函数，用于初始化参数
        selectAllUser(-1);
        // 加载按钮
        $("#pagination1").jqPaginator({
            // 总页数
            totalPages: totalPages,
            // 总条数
            totalCounts: totalCounts,
            // 当前页
            currentPage: currentPage,
            // 首页
            first: '<li class="first"><a href="javascript:void(0)">首页</a></li>',
            // 上一页
            prev: '<li class="prev"><a href="javascript:void(0)">上一页</a></li>',
            // 下一页
            next: '<li class="next"><a href="javascript:void(0)">下一页</a></li>',
            // 末页
            last: '<li class="last"><a href="javascript:void(0)">末页</a></li>',
            // 当前页
            page: '<li class="page"><a href="javascript:void(0)">{{page}}</a></li>',
            // pageNum改变执行函数，参数n其实就是pageNum
            onPageChange: function (n) {
                selectAllUser(n);
            }
        })
    })

    // selectAllUser查看个人信息
    function selectAllUser(n) {
        // ajax请求
        $.ajax({
            // 请求服务器的路径

            //路径
            url: "../doctor/queryMyInformation",
            // 提交方式
            type: "post",
            // 服务器响应数据类型
            dataType: "json",
            // 此需求需要设置为同步请求
            async: false,
            // 发送给服务器的数据内容
            data: {
                "pageNum": n,
                "pageSize": 1,
                "username":$("#username").val()
            },//成功回调函数
            success: function (data) {
                // 显示数据条数
                $("#showTotal").text("共有数据：" + data.total + "条");
                // 获取用户数据
                let doctors = data.list;
                if (doctors.length > 0) {
                    // 当数据库有用户数据的时候，进行初始化
                    if (n === -1) {
                        totalPages = data.pages;
                        totalCounts = data.total;
                        currentPage = data.pageNum;
                    }
                    // 定义一个空字符串，用来拼接用户数据信息
                    let str = '';
                    // 通过一个for循环，拼接用户数据 onclick="return del(1,1,1)
                    for (let i = 0; i < doctors.length; i++) {
                        str += "<tr>" +
                            "<td>" + doctors[i].doctorId + "</td>" +
                            "<td>" + doctors[i].name + "</td>" +
                            "<td>" + doctors[i].age + "</td>" +
                            "<td>" + doctors[i].sex + "</td>" +
                            "<td>" + doctors[i].entryDate + "</td>" +
                            "<td>" + doctors[i].job + "</td>" +
                            "<td>" + doctors[i].username + "</td>" +
                            "<td>" +
                            "<button id='btu1' type='button' class='button border-main' onclick='doctorUpdate(this)'><span class='icon-edit'></span> 修改 </button>" +
                            "</td>" +
                            "</tr>";
                    }
                    // 把拼接好的用户数据信息字符串str，通过jQuery方法html()，填充在页面tbody中
                    $("#tab").html(str);
                } else {
                    // 当数据库没有用户数据的时候，进行初始化
                    totalPages = 1;
                    totalCounts = 1;
                    currentPage = 1;
                    $("#tab").html("<tr><td colspan='8' align='center'>没有用户数据，请添加</td></tr>")
                }
            },// 失败回调
            error: function () {
                alert("服务器错误");
            }
        })
    }
    function doctorUpdate(obj) {
        let doctorId = $(obj).parent().parent().find('td').eq(0).text();
        let name = $(obj).parent().parent().find('td').eq(1).text();
        let age = $(obj).parent().parent().find('td').eq(2).text();
        let sex = $(obj).parent().parent().find('td').eq(3).text();
        let entryDate = $(obj).parent().parent().find('td').eq(4).text();
        let job = $(obj).parent().parent().find('td').eq(5).text();
        let username = $(obj).parent().parent().find('td').eq(6).text();
        localStorage.setItem("doctorId",doctorId);
        localStorage.setItem("name",name);
        localStorage.setItem("age",age);
        localStorage.setItem("sex",sex);
        localStorage.setItem("entryDate",entryDate);
        localStorage.setItem("job",job);
        localStorage.setItem("username",username);

        x_admin_show('查看体检用户','/jsp/doctorUpdate.jsp',1000,650)
    }
</script>
</body>
</html>